<template>
    <div class="body-container">
        <!--        头部部分-->
        <div class="header">
            <h3 class="page-header" style="margin-top: 20px;">
                教师考试管理中心 <small>Welcome Teacher</small>
            </h3>
            <ol class="breadcrumb">
                <li @click="$router.push('/')"><a href="#">主页</a></li>
                <li @click="$router.push('/')"><a href="#">个人中心</a></li>
                <li class="active">题库管理</li>
            </ol>
        </div>

        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <strong style="margin-right: 10px;">题库</strong>题目列表
                    </div>
                    <div class="panel-body">

                        <div class="problem-container" style="margin-bottom: 20px;">
                            <el-card class="box-card">
                                <div class="problem">
                                    <div class="alert alert-success">
                                        <strong style="margin-right: 30px;">题目描述</strong> 这是一道高等数学的题目
                                    </div>
                                    <div>
                                        <router-link to="/" style="margin-right: 15px;" class="text-decoration-none">查看题目详细内容</router-link>

                                        <el-tooltip class="item" effect="dark" content="题目分享" placement="bottom">
                                            <button type="button" class="btn btn-success btn-circle"
                                                    style="margin-right: 15px; border-radius: 50%"><i
                                                    class="el-icon-link"></i>
                                            </button>
                                        </el-tooltip>
                                        <el-tooltip class="item" effect="dark" content="题目收藏" placement="bottom">
                                            <button type="button" class="btn btn-danger btn-circle"
                                                    style="border-radius: 50%;">
                                                <i class="el-icon-star-on"></i></button>
                                        </el-tooltip>
                                    </div>
                                </div>
                            </el-card>
                        </div>


                        <div class="problem-container" style="margin-bottom: 20px;">
                            <el-card class="box-card">
                                <div class="problem">
                                    <div class="alert alert-success">
                                        <strong style="margin-right: 30px;">题目描述</strong> 这是一道高等数学的题目
                                    </div>
                                    <div>
                                        <router-link to="/" style="margin-right: 15px;" class="text-decoration-none">查看题目详细内容</router-link>

                                        <el-tooltip class="item" effect="dark" content="题目分享" placement="bottom">
                                            <button type="button" class="btn btn-success btn-circle"
                                                    style="margin-right: 15px; border-radius: 50%"><i
                                                    class="el-icon-link"></i>
                                            </button>
                                        </el-tooltip>
                                        <el-tooltip class="item" effect="dark" content="题目收藏" placement="bottom">
                                            <button type="button" class="btn btn-danger btn-circle"
                                                    style="border-radius: 50%;">
                                                <i class="el-icon-star-on"></i></button>
                                        </el-tooltip>
                                    </div>
                                </div>
                            </el-card>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "ProblemSet"
    }
</script>

<style scoped>
    .problem {
    }
</style>